 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     
 </body>
 </html>
  <!-- - #笔记要求

    ##笔记
    - 每日边看视频边记录笔记，然后每个知识点需要自己解释一下
    - 以及 每日未解决的问题可以记录下来
    - 记录每日完成多少代码量（多少行）
    - 今天做了什么
    有做项目的话，项目的进度 -->
    浮动规则
1 浮动元素会从文档正常流中删除，但它仍会影响布局
2 浮动非替换元素必须为其指定width，否则元素的width会趋0而导致浮动元素不能完整显示
3 一旦元素具有浮动属性，它便成为了一个块级元素
4 浮动元素的左右外边界不能超出包含块的左右内边界
5 浮动元素永不会重叠
6 浮动元素不会超过容器的上padding
7 后浮动的元素永不会超过先浮动元素的顶端
8 浮动元素会尽可能高地放置，使这个高受于规则6和规则7
9 浮动元素的下边界没有要求因此当容器不足以容下浮动元素时，浮动元素会向下延伸
10 浮动元素向下延伸时，不会影响正常文本显示，文本会相对于浮动元素进行偏移。但部分文本背景会被浮动元素遮住
11 如果浮动元素设置了负的外边距，这将会破坏规则4,6,7
12 当浮动元素的width>容器的width时，这会使得浮动元素超出容器的左右边界
13 浮动重叠规则:行内框（strong）与浮动元素重叠式时，其边框，背景，内容均位于浮动元素之上；块框与浮动元素重叠时其边框，背景在浮动元素之下，而内容在浮动元素之上
14 对某个元素应用clear:left'意味着这个元素的坐便不能有浮动元素
15 clear不能用于非块级元素
负外边距：他们是完全有效的CSS   负边距不是在hack:这是尤其正确的